<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

</body>
<script>
  // 1.  
  // var a = 10;
  // function fn() {
  //     a = 100;
  //     console.log("函数内的a:", a);
  // }
  // console.log("函数外的a:", a);
  // fn();
  // console.log("函数外的a:", a);


  // 2.
  // var a = 10;
  // function fn() {
  //     var a = 100;
  //     console.log(a);
  // }
  // fn();
  // console.log(a);

  // 2.1        !!!!!!!!!!!!!!!!!!!
  // var a = 10;
  // function fn() {
  //     a = 100; 
  //     console.log(a);

  //     var a = 1332;
  // }
  // fn();
  // console.log(a);


  // 3. 
  // var a = 10;
  // function fn(a) {
  //     a = 100;
  //     console.log(a);
  // }
  // fn(10);
  // console.log(a);

  // 4.    !!!!!!!!!!!
  // var a = b = 10;

  // function fn() {
  //     var a = b = 20;

  //     console.log("函数内：", a, b); 
  // }

  // fn();
  // console.log("函数外", a, b);

  // 5.
  // var a = 10;
  // function fn() {
  //     var a = 100;
  //     console.log("函数内：", a);

  //     c();

  //     // function b() {
  //     //     var a = 1000;
  //     //     c();
  //     // }
  //     // b();
  // }

  // function c() {
  //     console.log("c里面的a", a);
  // }

  // fn();

  //5.1
  var a = 10;
  function fn() {
    var a = 100;
    console.log("函数内：", a);

    c();

    function c() {
      console.log("c里面的a", a);
    }
  }

  fn();



    // console.log("函数外：", a);
</script>

</html>